<?php $this->import('Header') ?>
    <div class="container index">
        <div class="row top">
            <div class="col-xs-8 left">
                <div class="slogan">
                    <div id="carousel-top" class="carousel slide" data-ride="carousel">
                        <!-- Indicators -->
                        <ol class="carousel-indicators">
                            <li data-target="#carousel-top" data-slide-to="0" class="active"></li>
                            <li data-target="#carousel-top" data-slide-to="1"></li>
                        </ol>
                        <!-- Wrapper for slides -->
                        <div class="carousel-inner" role="listbox">
                            <div class="item active">
                                <img src="/Resource/images/index.jpg" alt="">
                                <div class="carousel-caption"></div>
                            </div>
                            <div class="item">
                                <img src="/Resource/images/index.jpg" alt="">
                                <div class="carousel-caption"></div>
                            </div>
                        </div>
                        <!-- Controls -->
                        <a class="left carousel-control" href="#carousel-top" role="button" data-slide="prev">
                            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="right carousel-control" href="#carousel-top" role="button" data-slide="next">
                            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-xs-4 right">
                <?php if ($_currentUserInfo) { ?>
                    <div class="userinfo">
                        <div class="title">用户信息</div>
                        <div class="photo">
                            <a href="/home.html"><img src="<?php echo \Util\User::getUserPhoto($_currentUserInfo['Photo'], 400, 400) ?>" width="200" height="200"></a>
                        </div>
                        <div class="wz">
                            <div class="group">
                                品种： <?php echo $_currentUserInfo['BreedName'] ? $_currentUserInfo['BreedName'] : '-' ?> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                狗狗名字： <?php echo $_currentUserInfo['Username'] ? $_currentUserInfo['Username'] : '-' ?>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="menus">
                            <a href="/home/message.html" class="" title="消息" type="message">
                                <div class="message">
                                    <div class="bar">
                                        <i class="glyphicon glyphicon-envelope"></i>
                                        <i class="tip">12</i>
                                    </div>
                                </div>
                            </a>
                            <a href="/home/dynamic.html" class="" title="动态" type="dynamic">
                                <div class="message">
                                    <div class="bar">
                                        <i class="glyphicon glyphicon-fire"></i>
                                    </div>
                                </div>
                            </a>
                            <a href="/home.html" class="" title="基本信息" type="setting">
                                <div class="message">
                                    <div class="bar">
                                        <i class="glyphicon glyphicon-user"></i>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                <?php } else { ?>
                    <div class="nav">
                        <span class="item active">免费注册</span>
                        <span class="item">快速登录</span>
                    </div>
                    <div class="index-register">
                        <form id="js-register-form">
                            <div class="input-group">
                                <span class="name">注册邮箱：</span>
                                <span class="ipt"><input name="email" type="text" class="i" placeholder="注册邮箱" /></span>
                            </div>
                            <div class="input-group">
                                <span class="name">狗狗名字：</span>
                                <span class="ipt"><input name="dogName234" type="text" class="i" placeholder="狗狗名字" /></span>
                            </div>
                            <div class="input-group">
                                <span class="name">设置密码：</span>
                                <span class="ipt"><input name="password" type="password" class="i" placeholder="请输入密码" /></span>
                            </div>
                            <div class="input-group">
                                <span class="name">品种：</span>
                                <span class="ipt"><input name="breed" type="text" class="i" id="js-input-breed" placeholder="品种" /></span>
                            </div>
                            <div class="input-group">
                                <span class="name">我是：</span>
                                <span class="ipt">
                                    <label><input type="radio" name="sex" value="1" checked>GG</label>
                                    <label><input type="radio" name="sex" value="2">MM</label>
                                </span>
                            </div>
                            <div class="input-group">
                                <span class="name">验证码：</span>
                                <span class="ipt">
                                    <input name="verify" type="text" class="v" />
                                    <img onclick="$('.verify').verify()" class="verify" src="/Verify">
                                    <a href="javascript:;" onclick="$('.verify').verify()">看不清？</a>
                                </span>
                            </div>
                            <div class="input-group">
                                <span class="text-danger error js-error"></span>
                            </div>
                            <div class="input-group i-btn">
                                <button class="btn btn-danger">确认注册</button>
                            </div>
                        </form>
                        <div class="other-login">
                            <a href="/OAuth/QQ?fromurl=<?php echo urlencode('/') ?>" class="login-a"><i class="qq"></i>QQ登录</a>
                            <a href="/OAuth/Weibo?fromurl=<?php echo urlencode('/') ?>" class="login-a"><i class="weibo"></i>微博登录</a>
                        </div>
                    </div>
                    <div class="index-register index-login" style="display: none">
                        <form id="js-login-form">
                            <div class="input-group">
                                <span class="name">登录邮箱：</span>
                                <span class="ipt"><input class="i" type="text" name="email" placeholder="请输入登录邮箱" /></span>
                            </div>
                            <div class="input-group">
                                <span class="name">登录密码：</span>
                                <span class="ipt"><input class="i" type="password" name="password" placeholder="请输入密码" /></span>
                            </div>
                            <div class="input-group">
                                <span class="name">验证码：</span>
                                <span class="ipt">
                                    <input class="v" type="text" name="verify" placeholder="验证码" />
                                    <img onclick="$('.verify').verify()" class="verify" src="/Verify">
                                    <a href="javascript:;" onclick="$('.verify').verify()">看不清？</a>
                                </span>
                            </div>
                            <div class="input-group">
                                <span class="name"><input type="checkbox" checked> 记住我</span>&nbsp;
                                <a href="">忘记密码？</a>
                            </div>
                            <div class="input-group">
                                <span class="text-danger error js-error"></span>
                            </div>
                            <div class="input-group i-btn">
                                <button class="btn btn-danger" type="submit">登录</button>
                            </div>
                        </form>
                        <div class="other-login">
                            <a href="" class="login-a"><i class="qq"></i>QQ登录</a>
                            <a href="" class="login-a"><i class="weibo"></i>微博登录</a>
                        </div>
                    </div>
                <?php } ?>
            </div>
        </div>
        <div class="recommend">
            <div class="title">同城狗狗推荐</div>
            <div class="dog-box">
                <div class="item ia">
                    <a href="">
                        <img src="/Resource/images/3.jpg" />
                        <p>紫薇 2岁 四川成都</p>
                    </a>
                </div>
                <div class="item ib">
                    <a href="">
                        <img src="/Resource/images/3.jpg" />
                        <p>紫薇 2岁 四川成都</p>
                    </a>
                    <a href="">
                        <img src="/Resource/images/3.jpg" />
                        <p>紫薇 2岁 四川成都</p>
                    </a>
                </div>
                <div class="item ib">
                    <a href="">
                        <img src="/Resource/images/3.jpg" />
                        <p>紫薇 2岁 四川成都</p>
                    </a>
                    <a href="">
                        <img src="/Resource/images/3.jpg" />
                        <p>紫薇 2岁 四川成都</p>
                    </a>
                </div>
                <div class="item ic">
                    <a href="">
                        <img src="/Resource/images/3.jpg" />
                        <p>紫薇 2岁 四川成都</p>
                    </a>
                </div>
                <div class="item id">
                    <div class="breed">
                        <a href="">金毛</a>
                        <a href="">金毛</a>
                        <a href="">金毛</a>
                        <a href="">金毛</a>
                        <a href="">金毛</a>
                        <a href="">金毛</a>
                        <a href="">金毛</a>
                        <a href="">金毛</a>
                        <div class="clear"></div>
                    </div>
                    <a href="">
                        <img src="/Resource/images/3.jpg" />
                        <p>紫薇 2岁 四川成都</p>
                    </a>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="index-search">
            <div class="title">
                <i class="glyphicon glyphicon-search"></i> 我想找
                <select>
                    <option>GG</option>
                    <option>MM</option>
                </select>
                年龄
                <select>
                    <option>不限</option>
                </select>
                -
                <select>
                    <option>不限</option>
                </select>
                地区
                <select>
                    <option>不限</option>
                </select>
                <button class="btn btn-sm btn-default">搜索</button>
            </div>
            <div class="group">
                <?php for ($i = 0; $i < 9; $i++) { ?>
                <a class="item" href="">
                    <img src="http://up1.goumin.com/attachments/photo/0/0/109/27916/7146554.jpg" />
                    <div class="i">
                        <span href="" class="p">紫薇</span>
                        <span href="" class="p">3岁 | 金毛</span>
                        <span href="" class="p">GG | 四川成都市武侯区</span>
                        <p class="ibtn"><button href="" class="btn btn-default"><i class="glyphicon glyphicon-heart text-danger"></i> 去看看</button></p>
                    </div>
                </a>
                <?php } ?>
                <div class="clear"></div>
            </div>
        </div>
        <div class="bottom row">
            <div class="col-xs-9">
                <div class="index-article">
                    <div class="title">单身狗在说</div>
                    <div class="group">
                        <?php for ($i = 0; $i < 3; $i++) { ?>
                        <a href="" class="item">
                            <div class="pic"><img src="http://c1.cdn.goumin.com/cms/album/day_140925/7146410s.jpg.thumb.jpg" /></div>
                            <div class="pic"><img src="http://c1.cdn.goumin.com/cms/album/day_140925/7146410s.jpg.thumb.jpg" /></div>
                            <div class="clear"></div>
                            <p class="t">滋味是对方的看法角度看风景</p>
                            <p class="c">滋味是对方的看法角度看风景滋味</p>
                            <p class="go">去看看&gt;&gt;</p>
                        </a>
                        <?php } ?>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
            <div class="col-xs-3">
                <div class="look">
                    <div class="title">大家都在看</div>
                    <div class="group">
                        <dd>
                            <dl><a href="">为什么撒旦发射点法</a></dl>
                            <dl><a href="">为什么撒旦发射点法</a></dl>
                            <dl><a href="">为什么撒旦发射点法</a></dl>
                            <dl><a href="">为什么撒旦发射点法</a></dl>
                            <dl><a href="">为什么撒旦发射点法</a></dl>
                            <dl><a href="">为什么撒旦发射点法</a></dl>
                            <dl><a href="">为什么撒旦发射点法</a></dl>
                        </dd>
                    </div>
                </div>
            </div>
        </div>
    <div>
<?php $this->import('Footer') ?>
<script>
    seajs.init();
</script>